<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>收货地址-编辑</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />

	<!--地址选择 样式开始-->
	<link rel="stylesheet" href="../css/mui.picker.min.css" />
	<style>
		body {
			background: #F7F7F7;
		}
		.mui-row {
			background: #FFF;
			margin: 5px 0;
		}
		.mui-checkbox.mui-left input[type=checkbox],
		.mui-radio.mui-left input[type=radio] {
			left: 0;
			top: -3px;
		}
		.mui-checkbox.mui-left label,
		.mui-radio.mui-left label {
			padding-left: 26px;
			padding-right: 0;
		}
		input[readonly] {
			border: none;
		}
		.mui-checkbox input[type=checkbox]:checked:before,
		.mui-radio input[type=radio]:checked:before {
			color: #00FF00;
		}
		.mui-checkbox input[type=checkbox]:before,
		.mui-radio input[type=radio]:before {
			font-size: 25px;
		}
		.mui-pull-right {
			font-size: 13px;
			vertical-align: middle;
			color: #CCCCCC;
		}
		.mui-pull-right i {
			font-size: 13px;
			color: #272727;
		}
		.btn-keep button {
			color: #FFFFFF;
			background: #FC3A2E;
		}
		
		.btn-keep {
			background: transparent;
		}
		header.mui-bar-nav {
			/* 不然ios下会把下面的内容最到最上面，导致看不到 */
			position: inherit !important;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">收货地址-编辑</a>
	</header>
	<div class="spacing"></div>
	<!-- 顶部导航 结束 -->
	<div class="container-wrapper">
		<div class="mui-row pad-h-md">
			<input type="hidden" name="addr_id" />
			<div class="mui-col-xs-2 mui-text-left pad-v">
				<label>姓名：</label>
			</div>
			<div class="mui-col-xs-10">
				<input class="no-bdr no-mgn no-pad" type="text" name="recipient" placeholder="请输入姓名" />
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 mui-text-left pad-v">
				<label>电话：</label>
			</div>
			<div class="mui-col-xs-10">
				<input class="no-bdr no-mgn no-pad" type="number" name="mobile" placeholder="请输入电话" />
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 mui-text-left pad-v">
				<label>性别：</label>
			</div>
			<div class="mui-col-xs-10 pad-v-sm">
				<div class="mui-row">
					<div class="mui-radio mui-left mui-col-xs-3">
						<label>先生</label>
						<input type="radio" name="sex" value="1">
					</div>
					<div class="mui-radio mui-left mui-col-xs-3 mgn-h-sm">
						<label>女士</label>
						<input type="radio" name="sex" value="2" checked="checked">
					</div>
				</div>
			</div>
		</div>
		<div class="mui-row pad-h-md pad-v btn-row-addr">
			<div class="mui-col-xs-2 mui-text-left">
				<label>地址：</label>
			</div>
			<div class="mui-col-xs-10">
				<input type="hidden" name="province" />
				<input type="hidden" name="province_name" />
				<input type="hidden" name="city" />
				<input type="hidden" name="city_name" />
				<input type="hidden" name="county" />
				<input type="hidden" name="county_name" />
				
				<input class="text" readonly="readonly" name="addr-text" placeholder="请选择地址" />
				<span class="mui-pull-right">
					<i class="iconfont icon-right"></i>
				</span>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-3 mui-text-left pad-v">
				<label>详细地址：</label>
			</div>
			<div class="mui-col-xs-9">
				<input class="no-bdr no-pad no-mgn" type="text" name="address" placeholder="请输入详细地址" />
			</div>
		</div>
		<div class="mui-row">
			<div class="mui-col-xs-12">
				<div class="mui-input-row mui-checkbox">
					<label>设为默认收货地址</label>
					<input type="checkbox" name="default" value="1">
				</div>
			</div>
		</div>
		<div class="mui-row mui-text-center pad-h-md btn-keep">
			<button class="mui-col-xs-12 no-bdr pad-v mgn-v-lg btn-submit">保存地址</button>
		</div>
	</div>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<!--地址选择-->
	<script type="text/javascript" src="../js/mui.picker.min.js"></script>
	<script type="text/javascript" src="../js/mui.poppicker.js"></script>
	<script type="text/javascript" src="../js/city.data-3.js"></script>
	<script type="text/javascript" src="member.address.edit.js" ></script>
</body>
</html>